html,body,#mapCon{
	height: 100%;
	width: 100%;
	overflow: hidden;
}

/**
 * 12px;
 */
html{
	font-size: 75%;
}

body{
	font-size: 1rem;
}

.amap-controls{
	position : absolute;
	bottom:5rem;
	left:5rem;
	zoom:0.5;
}

.amap-scale-edgeleft,.amap-scale-edgeright,.amap-scale-middle{
	border-color: black;
}

#queryDiv{
	position:absolute;
	top:1rem;
	left:1rem;
	right:1rem;
	background:white;
	height:3rem;
	width:auto;
	box-sizing:border-box;
	box-shadow:2px 2px 2px #aaaaaa;
	cursor: text;
}

#queryDiv span:nth-child(1){
	height: 3rem;
	padding-top: 0.8rem;
	padding-left: 1rem;
	zoom:1.3;
}

#queryDiv span:nth-child(2){
	position: absolute;
	border:none;
	width: auto;
	left: 3rem;
	right: 0;
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.2rem;
}

#funcDiv{
	position:absolute;
	bottom:2rem;
	left:1rem;
	right:1rem;
	background:white;
	height:3rem;
	width:auto;
	box-sizing:border-box;
	box-shadow:2px 2px 2px #aaaaaa;
}

#funcDiv table{
	height: 100%;
	width: 100%;
}

#funcDiv table td{
	text-align:center;
}

#funcDiv table td:hover{
	background: #bbb;
	opacity: 0.3;
	color:lavender;
	cursor: pointer;
}

#locateDiv{
	position:absolute;
	bottom:6rem;
	left:1rem;
	background:white;
	height:3rem;
	width:3rem;
	box-sizing:border-box;
	box-shadow:2px 2px 2px #aaaaaa;
	cursor: pointer;
	text-align: center;
	line-height: 3rem;
}

#zoomOutDiv{
	position:absolute;
	bottom:6rem;
	right:1rem;
	background:white;
	height:3rem;
	width:3rem;
	box-sizing:border-box;
	box-shadow:2px 2px 2px #aaaaaa;
	cursor: pointer;
	text-align: center;
	line-height: 3rem;
}

#zoomInDiv{
	position:absolute;
	bottom:9.1rem;
	right:1rem;
	background:white;
	height:3rem;
	width:3rem;
	box-sizing:border-box;
	box-shadow:2px 2px 2px #aaaaaa;
	cursor: pointer;
	text-align: center;
	line-height: 3rem;
}

#clearDiv{
	position:absolute;
	top:5rem;
	right:1rem;
	background:white;
	height:3rem;
	width:3rem;
	box-sizing:border-box;
	box-shadow:2px 2px 2px #aaaaaa;
	cursor: pointer;
	text-align: center;
	line-height: 3rem;
}

#locateDiv span,#zoomOutDiv span,#zoomInDiv span,#clearDiv span{
	zoom:1.5;
	padding-top: 0.6rem;
}



pages,page{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

div[pages],div[page],div[page]>div{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


/*page.active{
	display: block;
}*/

header{
	position: absolute;
	top:0;
	height: 3rem;
	width: 100%;
	background-color: rgb(249,249,249);
	transition:0.3s all;
}

header.ng-hide-remove{
	top:-3rem;
}

header.ng-hide-remove-active{
	top:0rem;
}

header.ng-hide-add{
	top:0;
}

header.ng-hide-add-active{
	top:-3rem;
}

content{
	position: absolute;
	top: 3rem;
	bottom: 0;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	background: #FFE;
	transition:0.3s all;
	overflow: auto;
}

content.ng-hide-remove{
	top:100%;
}

content.ng-hide-remove-active{
	top:3rem;
}

content.ng-hide-add{
	top:3rem;
}

content.ng-hide-add-active{
	top:100%;
}

#mapCon.ng-hide-remove{
	opacity: 0.5;
}

#mapCon.ng-hide-remove-active{
	opacity: 1;
}

#mapCon.ng-hide-add{
	opacity: 1;
}

#mapCon.ng-hide-add-active{
	opacity: 0.5;
}

header>span.backButton{
	padding: 1rem;
  	position: absolute;
  	left: 0;
  	top: 0;
}

header>span.funcButton{
	padding: 1rem;
  	position: absolute;
  	right: 0;
  	top: 0;
}

header>p.pageTitle{
	position: relative;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    margin: 0;
}

header>p{
	padding-left:3rem;
	padding-right: 0.1rem;
	width:100%;
	height:100%;
}

header>p>input[type='search']{
	height: 90%;
	width: 100%;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
	padding-left:0.5rem;
	font-size:1.2rem;
	padding-right: 4rem;
}

header>p>a{
	position: absolute;
  	right: 0.2rem;
  	top: 0.2rem;
}

#locateDiv>img{
	height: 1.5rem;
	width: 1.5rem;
}

#zoomInDiv:hover,#zoomOutDiv:hover,#locateDiv:hover,#clearDiv:hover{
	background:lavender;
};

content>p{
	margin: 0.5rem;border-radius: 0;box-shadow: inset -1px -1px 1px #bbb;
}

div.col-md-3{
  	height: 3.5rem;
  	background: white;
  	padding: 1rem 1rem 1rem 2rem;
  	text-align: center;
}

div.col-md-3:hover{
  	background: lavender;
}

#funcDiv td{
	border-right:1px solid lavender;
}

#funcDiv td:nth-last-child(1){
	border:none;
}

div.col-md-3{
	border-right:1px solid lavender;
}

div.col-md-3:nth-last-child(1){
	border:none;
}

div.row{
	padding:0.5rem 2rem;
}

div.row:nth-child(1){
	padding:1rem 2rem 0.5rem;
}